/* 

CSS-Datei fuer grayline-Template von CMBasic
Copyright CSS-Datei Erwin Gabler http://www.graphictec.de 

*/


/* Gesamtschrift und Gesamtrand festlegen */
body   { color: #666; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px }

/* mother-container, contains logo, navi, content and footer */
#mother { text-align: left; margin: auto; width: 780px; border-style: solid; border-width: 0px; border-color: silver; color: #666; }

/* Container mit dem Logo */
#logo  { color: black; background: white url(logo.jpg) repeat-y; text-align: left; margin-bottom: 10px; width: 100%; height: 100px }

/* Haupt?berschrift im Logo-Container */
#logo h1 {  font-size: 1.1em; color: white; margin: 0px; padding-left: 5px; background-image: none; }

/* Suchfeld */
#search    { background-color: transparent; padding-top: 20px; padding-bottom: 20px; border-top: 1px dotted #666; border-bottom: 1px dotted #666; width: 150px }

/* Innenrand Suchform */
#search form  { text-align: center }

/* Haupt-Navigationsbereich */
#navi  { color: black; font-size: 0.8em; background-color: white; float: left; margin-top: 30px; width: 150px }

/* Infobereich*/
#infobereich   { background: transparent url(hintergrund_suche.jpg); float: left; width: 150px; height: 300px }

/* Navigationspfad */
#navipfad    { border-bottom: 1px dotted #666; width: 100% }
#path    { color: #666; font-size: 0.82em; padding-bottom: 6px; padding-left: 10px; width: 100% }

/* Inhaltsbereich */
#content  { color: #666; font-size: 0.84em; line-height: 1.65em; background-color: transparent; float: right; padding-left: 6px; border-left: 0px; width: 585px; border-left-color: silver; border-left-style: solid }

/* Stilregel fuer Plugins, z.B. feedback  wichtig, Hintergrundfarbe weiss erzwingen */
.plugin { background-color: white; font-size: 0.7em; line-height:1.4em; }

/* Fusszeile */
#footer  			{ color: #666; background-color: transparent; clear: both; padding: 2px }
#footer div   		{ font-size: 0.84em; line-height: 2em; text-align: center; border-top: 1px dotted #666 }
#footer a:hover 	{ color: #666; text-decoration: none; }
#footer a:link  	{ color: #666; text-decoration: none; }
#footer a:visited 	{ color: #666; text-decoration: none; }


/* Listenstile fuer Men?eintrag im Navibereich topmenu */
#topmenu       			{ font-style: normal; font-weight: lighter; text-transform: capitalize; border-bottom: 1px dotted #069;}
#topmenu ul   			{ font-weight: lighter; text-transform: capitalize; margin-bottom: 0px; padding: 3px }
#topmenu li  			{ font-weight: lighter; text-transform: capitalize }
#topmenu a    			{ font-weight: lighter; text-decoration: none; text-transform: capitalize; margin-right: 3px; padding: 3px 1em; border-top: 0px solid silver; border-right: 0px solid #999; border-bottom: 0 none; border-left: 0px solid silver }
#topmenu a:link  		{ font-weight: lighter; text-decoration: none; text-transform: capitalize }
#topmenu a:visited    	{ font-weight: lighter; text-transform: capitalize;}
#topmenu a:hover   		{ font-weight: lighter; text-decoration: underline; text-transform: capitalize;}
#topmenu .obermenuhigh 	{ color: #603; font-weight: lighter; text-decoration: none; text-transform: capitalize; margin-right: 3px; padding: 3px 1em; border-top: 0px solid silver; border-right: 0px solid silver; border-bottom: 0 none; border-left: 0px solid silver }



/* Listenstile f?r Men?eintrag im Navibereich
Dieser Abschnitt ist sehr lang */
#navi ul   					{ list-style-type: none; margin-top: 0px; margin-left: 10px; padding-left: 10px }
#navi ul ul 				{  padding-left: 10px; margin-left: 10px; }
#navi ul li a     			{ color: #666; font-weight: bold; background-color: transparent; text-transform: uppercase; text-indent: 0; letter-spacing: 10%; list-style-type: none; margin-top: 1px; padding: 4px 4px 4px 0; border-color: silver; border-style: none none solid; border-width: 0; display: block  }
#navi ul ul li a  			{ color: #666; font-weight: lighter; background-color: transparent; text-transform: capitalize; text-indent: 0px; margin-top: 1px; padding: 4px 4px 4px 0px;  display: block }
#navi a:link  				{ text-decoration: none; width: 140px; display: block }
#navi a:visited  			{ text-decoration: none; width: 140px; display: block }
#navi a:hover  				{ color: #999; background-color: transparent; width: 140px; display: block }
#navi ul .obermenuhigh     	{ color: #999; font-weight: bold; text-transform: uppercase; list-style-type: none; list-style-image: url(pfeil.gif); margin-top: 1px; padding: 4px 4px 4px 0px; border: 0px; width: 140px; display: block }
#navi ul ul .submenuhigh    { color: #999; font-weight: bold; list-style-image: url(pfeil.gif); margin-top: 1px; padding: 4px 4px 4px 0px; border: 0px; width: 140px; display: block }
/* ENDE Listenstile fuer Men?eintrag im Navibereich */

/* Die ungebundenen Klassen erscheinen als Auswahloptionen im linken Pull-down-Menue von TinyMCE! */

/* Ueberschriften gestalten */
h1   						{ color: #999; font-weight: bolder; font-size: 1.4em; line-height: 1.4; background-repeat: repeat-y; margin-top: 10px; padding: 4px }
h2 							{ font-size: 1.1em; line-height: 1.4; background-image: url(rotkaro.gif); background-repeat: no-repeat; text-indent: 20px; background-position: left; padding-bottom: 1px; margin-bottom: 1px;}
h3 							{ font-size: 1em; line-height: 1.4; margin-bottom: 1px; padding-bottom: 1px; }


/* Absatz und div */
p, div 						{ padding-right: 3px;}
p 							{margin-top: 3px; margin-bottom: 5px; }

/* Tag b zusaetzlich einfaerben */
b 							{ color: #999 ; }

/* Zeichenformat strong */
strong { color: #999; }

/* normaler Listenstil, beschraenkt auf Inhaltsbereich */
#content ul  { font-size: 1em; line-height: 1.4; margin-left: 0.7em; padding-left: 0.7em }

/* Hovereffekt fuer Links */
a:hover { text-decoration: none; }

/* besuchte Hyperlinks */ a:visited { color: gray; }

/* Hier beginnen die ungebundenen Klassen, zu erkennen
am Punkt vor dem Klassennamen 
Diese werden im Auswahlmenue von TinyMCE gezeigt */

/* Gestaltung des rechts ausgerichteten News-Kastens */
.kasten  		{ font-size: 1em; float: right; margin: 3px; padding: 3px; border: dotted 1px #999; width: 170px }
.kasten h3 		{ margin-top: 0px; }

/* Beginn der Newskasten-Formate */
.boxcover 		{ font-size: 0.9em; margin-top: 10px; float: right; width: 200px; padding: 3px; }
.box  			{ font-size: 0.9em; float: right; margin-top: 10px; padding-right: 0px; border: solid 1px #666; width: 100% }
.box h3 		{ background-color: #0000A0;  color: white; padding: 3px; margin-top: 0px;}
.box div 		{ padding: 3px; }

/* Ende der neuen Newskasten-Formate */

/* Einfuehrungsabsatz */
.lead, .lead p 	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;  font-size:  1em; line-height: 1.5em; font-weight: bold; margin-top: 5px; margin-bottom: 10px; }
.lead img 		{ padding: 5px;}

/* grauer Rahmen mit Umrandung */
.rahmen  		{ font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eeeeee; padding: 3px; border: solid 1px #666; width: 90% }

/* Rahmen mit gestrichelter Umrandung */
.tipp  			{ font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 8px; margin-bottom: 10px; padding: 3px; border: dotted 1px #666; width: 90% }
code, .code 	{ font-family: 'Courier New', Courier, monospace; font-size: 1em;  color: #000099; }

/* Bildunterschrift */
.bu 			{margin-top: 0px; font-size: 0.75em; font-weight: bold;}

/* Linie interessant gestalten */
hr    			{ }

/* Luft fuer Tabellen */
table th, th, tbody { padding: 3px; }

/* Links innerhalb von Abs?tzen mit 
kleinem Zeichen versehen */
#content p a { display: inline; }

/* Format fuer zuletzt geaendert usw. */
.datum { font-size: 0.8em; }
